<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧酒店</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css">

</head>

<body>

    <div id="background" class="background" style="height: 100vh;">
        <div class="login">
            <!-- <figure class="mj"></figure> -->
            <div class="user">
                <h1 class="top">智慧酒店</h1>
                <div class="userlogin_border">
                    <div class="coolinput"> 
                        <label for="input" class="text">Name:</label>
                        <input type="text" placeholder="请输入账号" id="usrname" class="input">
                        <label for="input" class="text">Password:</label>
                        <input type="password" placeholder="请输入密码" id="passwd" class="input">
                    
                    </div>
                </div>
                <div style="display: flex;flex-direction: row;margin:20px 20px 20px 20px;justify-content:space-between">
                    <button class="btn" id="login_btn" onclick="click()"><i class="animation"></i>登录<i
                            class="animation"></i> </button>

                        <button class="btn" id="register_btn"><i class="animation"></i>注册<i class="animation"></i> </button>

                </div>
               
            </div>
        </div>
</body>
<script type="text/javascript" src="js/login.js"></script>

</html>